import React, { Component } from 'react'
import Graphic from '../components/Graphic';
import {BaseShapes,BezierCurve,Star,Tick,Logo} from '../components/SVG';
import ReactXChart from '../components/ReactXChart';
import BarChart from '../components/BarChart'

export default class Home extends Component {
  render() {
    let data=[];
    let options={}

    return (
      <div>
      

        <Logo></Logo>

        <Graphic></Graphic>
        <BaseShapes></BaseShapes>
        <BezierCurve startPoint={[0,300]} endPoint={[400,100]} controlPoints={[1,0,0,1]} strokWidth={6}></BezierCurve>
        <div>
          <p>This is a Tick: <Tick size={26} fill="#96c7fa" /></p>
          <p>This is a Star: <Star size={20} fill="#1e74e7"></Star></p>
        </div>

        <ReactXChart data={data} options={options}></ReactXChart>
        <BarChart></BarChart>
      </div>
    )
  }
}
